<!DOCTYPE html>
<html>
<head>
    <title>表格示例</title>
    <style>
        body { font-family: Arial; padding: 20px; background: #f5f7ff; }
        h1 { color: #1a2980; text-align: center; margin-bottom: 20px; }
        table { width: 100%; border-collapse: collapse; background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        th, td { padding: 15px; text-align: left; border-bottom: 1px solid #eee; }
        th { background: #1a2980; color: white; }
        tr:last-child td { border-bottom: none; }
        tr:nth-child(even) { background: #f8f9ff; }
        tr:hover { background: #eef0ff; }
    </style>
</head>
<body>
    <h1>员工信息表</h1>
    <table>
        <tr>
            <th>姓名</th>
            <th>职位</th>
            <th>部门</th>
            <th>入职日期</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>前端工程师</td>
            <td>技术部</td>
            <td>2020-03-15</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>UI设计师</td>
            <td>设计部</td>
            <td>2019-11-20</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>产品经理</td>
            <td>产品部</td>
            <td>2021-02-10</td>
        </tr>
        <tr>
            <td>赵六</td>
            <td>后端工程师</td>
            <td>技术部</td>
            <td>2022-05-20</td>
        </tr>
    </table>
</body>
</html>